import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'

export default defineConfig({
  // 开发服务器配置
  server: {
    port: 5173, // 固定端口为5173
    strictPort: true, // 端口被占用时直接报错，而不是自动切换
    host: '0.0.0.0', // 允许外部访问（如同一局域网内其他设备）
    open: true, // 启动时自动打开浏览器
    // 跨域代理配置（根据你的后端地址修改）
    proxy: {
      '/api': {
        target: 'http://localhost:3000', // 后端接口地址
        changeOrigin: true, // 允许跨域
        rewrite: (path) => path.replace(/^\/api/, '') // 去掉请求路径中的/api前缀
      }
    }
  },
  
  // 路径别名配置
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
      'components': path.resolve(__dirname, './src/components'),
      'views': path.resolve(__dirname, './src/views') // 新增常用目录别名
    }
  },
  
  // 插件配置
  plugins: [vue()],
  
  // 构建配置
  build: {
    outDir: 'dist', // 输出目录
    assetsDir: 'assets', // 静态资源目录
    sourcemap: false // 生产环境不生成sourcemap
  }
})
